<template>
	<view class="serve">
		<view class="banner">
			<image src="../../static/img/v_vip_logo_90x64_@2x.png" mode=""></image>
			<view class="">请选择您要使用服务的项目</view>
			<view class="card">
				<image src="../../static/img/g_vip_empty_100x93_@2x.png" mode=""></image>
				<view >暂无数据~</view>
				<button >联系客服</button>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style scoped lang="scss">
	.banner{
		// display: flex;
		background: url(../../static/img/v_header_bg_purple_375x175_@2x.png) no-repeat center;
		width: 100%;
		height: 350rpx;
		padding: 20rpx 40rpx 0;
		image{
			width: 186rpx;
			height: 110rpx;
		}
		view{
			color: #fff;
			font-size:32rpx;
			margin-bottom: 86rpx;
		}
		.card{
			width: 674rpx;
			height: 532rpx;
			background-color: #fff;
			border-radius: 10rpx;
			box-shadow: 1 2 2 (rgba 000,000,000,.5);
			box-sizing: border-box;
			text-align: center;
			padding-top: 120rpx;
			image{
				width: 210rpx;
				height: 200rpx;
			}
			view{
				color: #929292;
				font-size: 30rpx;
				margin: 24rpx auto 40rpx;
			}
			button{
				width: 360rpx;
				height: 120rpx;
				background-color: #cb52d7;
				font-size: 34rpx;
				color: #fff;
				border-radius: 80rpx;
				text-align: center;
				line-height: 120rpx;
			}
		}
	}
</style>
